
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>确认下单</title>
  <meta name="author" content="志浩">
  <meta name="description" content="普济一城">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="transparent">
  <meta name="format-detection" content="telephone=no,email=no">
  <link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
  <link rel="stylesheet" type="text/css" href="../../css/sm-extend.min.css">
  <link rel="stylesheet" type="text/css" href="../../css/base.css">
  <link rel="stylesheet" type="text/css" href="../../css/service/s_order.css">
</head>
<body>
  <!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
  <div class="page-group">
      <!-- 单个page ,第一个.page默认被展示-->
      <div class="page">
          <!-- 标题栏 -->
        <header class="bar bar-nav">
          <a class="icon icon-left pull-left"></a>
          <h1 class="title">确认下单</h1>
        </header>
        <!-- 主体内容 -->
        <div class="content">
        <div class="content-block-title service_type">服务方式：<span>到店服务</span></div>
        <div class="list-block">
          <ul>
            <!-- <li class="item-content home_addr">
              <div class="item-media"><i class="icon icon-f7"></i></div>
              <div class="item-inner">
                <div class="item-title gray">服务地址</div>
                <div class="item-after">
                  <input type="text" id='picker' value="北京 朝阳区鹏润大厦"/>
                  <span id="picker">北京 朝阳区鹏润大厦</span>
                  <a class="icon icon-right pull-left addr_arrow"></a>
                </div>
              </div>
            </li>
            <li class="item-content home_addr">
              <div class="item-media"><i class="icon icon-f7"></i></div>
              <div class="item-inner">
                <div class="item-title gray">详细地址</div>
                <div class="item-after" id="detail_addr">南区1108室</div>
              </div>
            </li> -->
            <li class="item-content">
              <div class="item-media"><i class="icon icon-f7"></i></div>
              <div class="item-inner">
                <div class="item-title gray">联系人</div>
                <div class="item-after">
                  <input type="text" name="" placeholder="请输入联系人">
                </div>
              </div>
            </li>
            <li class="item-content">
              <div class="item-media"><i class="icon icon-f7"></i></div>
              <div class="item-inner">
                <div class="item-title gray">联系电话</div>
                <div class="item-after">
                  <input type="text" id="user_phone" maxlength="11" onpaste="return false" placeholder="请输入联系电话">
                </div>
              </div>
            </li>
          </ul>
        </div>
        <div class="content-block-title">服务时间：<span class="s_right">2018/02/23 至 2018/02/29</span></div>
        <div class="content-block-title service_pro">
          <div class="service_cover">
            
          </div>
          <ul class="service_info s_right">
            <li>
              <p class="service_name">空调安装</p>
            </li>
            <li>
              <p>数量：<span>1</span></p>
            </li>
            <li>
              <p>总价：<span>￥400.00</span></p>
            </li>
          </ul>
        </div>
        <ul class="pay_info">
          <li>
            <span>服务金额：</span>
            <b class="pay_price s_right">￥188.<i>00</i></b>
          </li>
          <li class="t_border">
            <span class="gray">支付方式：</span>
            <b class="pay_type s_right">在线支付</b>
          </li>
        </ul>        
      </div>
      <div class="s_footer t_border">
        <h3>应付总额：<span class="pay_price">￥188.<i>00</i></span></h3>
        <button id="sub_order">提交订单</button>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../../js/zepto.min.js"></script>
  <script type="text/javascript" src="../../js/sm.min.js"></script>
  <script type="text/javascript" src="../../js/sm-extend.min.js"></script>
  <script type="text/javascript" src="../../js/common.js"></script>
  <script type="text/javascript" src="../../js/service/s_order.js"></script>
  <script type="text/javascript">
    
  </script>
</body>
</html>